<template>
  <div class="header">
      <div class="my">
    <img src="../assets/icon/向左返回.svg"  @click='goback'/>
      <p >关于作者</p>
   </div>
    <div class="lihuacong">
      <img src="../assets/img/curry.jpg" alt="" />
      <h4>李华聪</h4>
      <p>建于2021/11/4</p>
    </div>
    <ul class="callMe">
      <li>我的电话 <span>17688362271</span><span class="right" @click='goAlert'>复制</span></li>
      <li>我的邮箱<span> 1934138527@qq.com</span> <span class="right" @click='goAlert'>复制</span></li>
      <li>app介绍 <span>馨住 ---房东管理平台</span></li>
      <li>检查更新<span> 暂停更新</span></li>
    </ul>
    <p class="footer">隐式政策 | 服务协议</p>
  </div>
</template>
<style lang="scss" scoped>
.header {
  font-size: 16px;
  .my {
    line-height: 30px;
    height: 30px;
    display: flex;
    border-bottom: 1px solid rgb(243, 241, 241);
    img {
      width: 20px;
      margin-left: 5px;
    }
    p {
      margin: 0 auto;
    }
  }
  .lihuacong{
      width: 40%;
      margin: 0 auto;
      text-align: center;
      margin-top: 50px;
      img{
          width: 50px;
      }
  }
  .callMe{
      width: 90%;
      margin: 0 auto;
      li{
          height: 40px;
          line-height: 40px;
          border-bottom:1px solid rgb(214, 210, 210);
          span{
              margin-left: 20px;
              font-size: 14px;
          }
      }
      .right{
          float: right;
          color: #477EF0;
      }
  }
  .footer{
      position: fixed;
      bottom: 0;
      left: 30%;
      color: #5F8BD5;
  }
}
</style>
<script>
export default {
    methods:{
        goback(){
            this.$router.go(-1)
        },
        goAlert(){
            alert('已经复制在剪切板')
        }
    }
}
</script>